<template>
	<view class="userinfoContent">
		<view class="ui-all">
			<view class="ui-list itemHeight">
				<div class="title">用户头像</div>
				<div class="value imgAvatarValue rightValue">
					<view  class="imgAvatar">
						<image 
							src="~@/static/images/defaultHead.jpg" 
							class="defaultHeadPic" 
						/>
					</view>
				</div>
			</view>
			<view class="ui-list itemHeight">
				<div class="title">姓名</div>
				<div class="value rightValue">
					<div>
						刘涛
					</div>
				</div>
			</view>
			<view class="ui-list itemHeight">
				<div class="title">手机号</div>
				<div class="value rightValue">
					13528471284
				</div>
			</view>
		</view>

		<view class="ui-all">
			<view class="ui-list right itemHeight">
				<div class="value">通知设置</div>
			</view>
		</view>

		<view class="ui-all">
			<view class="ui-list right itemHeight" @click="goToPage({
				path:`/common/protocol/protocol`,
				navType:`push`,
				params:{
					title:`隐私政策`
				}
			})">
				<div class="value">隐私政策</div>
			</view>
			<view class="ui-list itemHeight right" @click="goToPage({
				path:`/common/protocol/protocol`,
				navType:`push`,
				params:{
					title:`跑腿服务协议`
				}
			})">
				<div class="value">跑腿服务协议</div>
			</view>
			<view class="ui-list right itemHeight" @click="goToPage({
				path:`/common/protocol/protocol`,
				navType:`push`,
				params:{
					title:`用户服务协议`
				}
			})">
				<div class="value">用户服务协议</div>
			</view>
		</view>

	</view>
</template>

<script src="./userinfo.ts" lang="ts"></script>

<style lang="stylus" scoped>
@import './userinfo.styl';
</style>
